<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>项目部署 | 项目实战</title>
    <meta name="generator" content="VuePress 1.7.1">
    
    <meta name="description" content="">
    
    <link rel="preload" href="/project-word/assets/css/0.styles.441b7c55.css" as="style"><link rel="preload" href="/project-word/assets/js/app.1efb13a5.js" as="script"><link rel="preload" href="/project-word/assets/js/3.c7d8034a.js" as="script"><link rel="preload" href="/project-word/assets/js/5.3eab7b4c.js" as="script"><link rel="prefetch" href="/project-word/assets/js/10.047575f2.js"><link rel="prefetch" href="/project-word/assets/js/11.5b2b793a.js"><link rel="prefetch" href="/project-word/assets/js/12.6ca56317.js"><link rel="prefetch" href="/project-word/assets/js/2.dba62a78.js"><link rel="prefetch" href="/project-word/assets/js/4.8b7e9d4a.js"><link rel="prefetch" href="/project-word/assets/js/6.ce8a1920.js"><link rel="prefetch" href="/project-word/assets/js/7.26f952ac.js"><link rel="prefetch" href="/project-word/assets/js/8.9855f330.js"><link rel="prefetch" href="/project-word/assets/js/9.8a12a50d.js">
    <link rel="stylesheet" href="/project-word/assets/css/0.styles.441b7c55.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/project-word/" class="home-link router-link-active"><!----> <span class="site-name">项目实战</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <!----></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><!---->  <ul class="sidebar-links"><li><a href="/project-word/01-项目介绍.html" class="sidebar-link">项目介绍</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/01-项目介绍.html#项目介绍" class="sidebar-link">项目介绍</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/01-项目介绍.html#_01-项目背景" class="sidebar-link">01-项目背景</a></li><li class="sidebar-sub-header"><a href="/project-word/01-项目介绍.html#_02-产品介绍" class="sidebar-link">02-产品介绍</a></li><li class="sidebar-sub-header"><a href="/project-word/01-项目介绍.html#_03-功能介绍" class="sidebar-link">03-功能介绍</a></li></ul></li></ul></li><li><a href="/project-word/02-项目需求.html" class="sidebar-link">项目需求</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/02-项目需求.html#项目需求" class="sidebar-link">项目需求</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/02-项目需求.html#_01-基础题库" class="sidebar-link">01-基础题库</a></li><li class="sidebar-sub-header"><a href="/project-word/02-项目需求.html#_02-精选题库" class="sidebar-link">02-精选题库</a></li><li class="sidebar-sub-header"><a href="/project-word/02-项目需求.html#_03-试题录入" class="sidebar-link">03-试题录入</a></li><li class="sidebar-sub-header"><a href="/project-word/02-项目需求.html#_04-题组管理" class="sidebar-link">04-题组管理</a></li><li class="sidebar-sub-header"><a href="/project-word/02-项目需求.html#_05-学科管理" class="sidebar-link">05-学科管理</a></li><li class="sidebar-sub-header"><a href="/project-word/02-项目需求.html#_06-目录管理" class="sidebar-link">06-目录管理</a></li><li class="sidebar-sub-header"><a href="/project-word/02-项目需求.html#_07-标签管理" class="sidebar-link">07-标签管理</a></li><li class="sidebar-sub-header"><a href="/project-word/02-项目需求.html#_08-面试技巧" class="sidebar-link">08-面试技巧</a></li></ul></li></ul></li><li><a href="/project-word/03-项目接口.html" class="sidebar-link">接口文档</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_01-框架" class="sidebar-link">01-框架</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_1-1用户修改密码" class="sidebar-link">1.1用户修改密码</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_1-2用户注册" class="sidebar-link">1.2用户注册</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_1-3用户注销" class="sidebar-link">1.3用户注销</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_1-4用户登录" class="sidebar-link">1.4用户登录</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_1-5用户资料" class="sidebar-link">1.5用户资料</a></li></ul></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_02-用户管理" class="sidebar-link">02-用户管理</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_2-1用户修改" class="sidebar-link">2.1用户修改</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_2-2用户列表" class="sidebar-link">2.2用户列表</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_2-3用户删除" class="sidebar-link">2.3用户删除</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_2-4用户屏蔽、启用" class="sidebar-link">2.4用户屏蔽、启用</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_2-5用户添加" class="sidebar-link">2.5用户添加</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_2-6用户简单列表" class="sidebar-link">2.6用户简单列表</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_2-7用户详情" class="sidebar-link">2.7用户详情</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_2-8用户重置密码" class="sidebar-link">2.8用户重置密码</a></li></ul></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_03-菜单管理" class="sidebar-link">03-菜单管理</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_3-1菜单修改" class="sidebar-link">3.1菜单修改</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_3-2菜单列表" class="sidebar-link">3.2菜单列表</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_3-3菜单删除" class="sidebar-link">3.3菜单删除</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_3-4菜单添加" class="sidebar-link">3.4菜单添加</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_3-5菜单详情" class="sidebar-link">3.5菜单详情</a></li></ul></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_04-权限组管理" class="sidebar-link">04-权限组管理</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_4-1权限组修改" class="sidebar-link">4.1权限组修改</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_4-2权限组列表" class="sidebar-link">4.2权限组列表</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_4-3权限组删除" class="sidebar-link">4.3权限组删除</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_4-4权限组添加" class="sidebar-link">4.4权限组添加</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_4-5权限组简单列表" class="sidebar-link">4.5权限组简单列表</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_4-6权限组详情" class="sidebar-link">4.6权限组详情</a></li></ul></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_05-企业管理" class="sidebar-link">05-企业管理</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_5-1企业管理修改" class="sidebar-link">5.1企业管理修改</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_5-2企业管理列表" class="sidebar-link">5.2企业管理列表</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_5-3企业管理删除" class="sidebar-link">5.3企业管理删除</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_5-4企业管理添加" class="sidebar-link">5.4企业管理添加</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_5-5企业管理设置状态" class="sidebar-link">5.5企业管理设置状态</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_5-6企业管理详情" class="sidebar-link">5.6企业管理详情</a></li></ul></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_06-题库管理" class="sidebar-link">06-题库管理</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_6-1审核意见" class="sidebar-link">6.1审核意见</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_6-2出题记录" class="sidebar-link">6.2出题记录</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_6-3基础题库列表" class="sidebar-link">6.3基础题库列表</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_6-4基础题库删除" class="sidebar-link">6.4基础题库删除</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_6-5基础题库添加" class="sidebar-link">6.5基础题库添加</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_6-5基础题库详情" class="sidebar-link">6.5基础题库详情</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_6-6基础题库修改" class="sidebar-link">6.6基础题库修改</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_6-7批量导入题" class="sidebar-link">6.7批量导入题</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_6-8精选题库上下架" class="sidebar-link">6.8精选题库上下架</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_6-9精选题库列表" class="sidebar-link">6.9精选题库列表</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_6-10组题列表" class="sidebar-link">6.10组题列表</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_6-11组题列表删除" class="sidebar-link">6.11组题列表删除</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_6-12加入或移出精选" class="sidebar-link">6.12加入或移出精选</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_6-13试题审核" class="sidebar-link">6.13试题审核</a></li></ul></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_07-学科管理" class="sidebar-link">07-学科管理</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-1标签添加" class="sidebar-link">7.1标签添加</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-2学科修改" class="sidebar-link">7.2学科修改</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-3学科删除" class="sidebar-link">7.3学科删除</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-4学科添加" class="sidebar-link">7.4学科添加</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-5学科简单列表" class="sidebar-link">7.5学科简单列表</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-6学科详情" class="sidebar-link">7.6学科详情</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-7标签修改" class="sidebar-link">7.7标签修改</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-8标签列表" class="sidebar-link">7.8标签列表</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-9标签删除" class="sidebar-link">7.9标签删除</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-10学科列表" class="sidebar-link">7.10学科列表</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-11标签状态" class="sidebar-link">7.11标签状态</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-12标签详情" class="sidebar-link">7.12标签详情</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-13目录修改" class="sidebar-link">7.13目录修改</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-14目录列表" class="sidebar-link">7.14目录列表</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-15目录删除" class="sidebar-link">7.15目录删除</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-16目录添加" class="sidebar-link">7.16目录添加</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-17目录状态" class="sidebar-link">7.17目录状态</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-18目录详情" class="sidebar-link">7.18目录详情</a></li></ul></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_08-面试技巧" class="sidebar-link">08-面试技巧</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_8-1文章列表" class="sidebar-link">8.1文章列表</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_8-2文章删除" class="sidebar-link">8.2文章删除</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_8-3文章添加" class="sidebar-link">8.3文章添加</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_8-4文章状态" class="sidebar-link">8.4文章状态</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_8-5文章编辑" class="sidebar-link">8.5文章编辑</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_8-6文章详情" class="sidebar-link">8.6文章详情</a></li></ul></li></ul></li><li><a href="/project-word/04-协同开发.html" class="sidebar-link">协同开发</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/04-协同开发.html#协同开发" class="sidebar-link">协同开发</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/04-协同开发.html#git工作流程" class="sidebar-link">Git工作流程</a></li><li class="sidebar-sub-header"><a href="/project-word/04-协同开发.html#_01-项目开始-组长" class="sidebar-link">01-项目开始（组长）</a></li><li class="sidebar-sub-header"><a href="/project-word/04-协同开发.html#_02-开发阶段" class="sidebar-link">02-开发阶段</a></li><li class="sidebar-sub-header"><a href="/project-word/04-协同开发.html#_03-测试阶段" class="sidebar-link">03-测试阶段</a></li><li class="sidebar-sub-header"><a href="/project-word/04-协同开发.html#_04-分支流程参考" class="sidebar-link">04-分支流程参考</a></li></ul></li></ul></li><li><a href="/project-word/05-项目部署.html" class="active sidebar-link">项目部署</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/05-项目部署.html#项目部署" class="sidebar-link">项目部署</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/05-项目部署.html#项目打包" class="sidebar-link">项目打包</a></li><li class="sidebar-sub-header"><a href="/project-word/05-项目部署.html#前端部署" class="sidebar-link">前端部署</a></li></ul></li></ul></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="项目部署"><a href="#项目部署" class="header-anchor">#</a> 项目部署</h2> <blockquote><p>此文的目的是让学员了解项目开发完毕后的部署过程，但是企业的部署环境肯定和此文档中不一致，所以仅供参考。</p></blockquote> <h3 id="项目打包"><a href="#项目打包" class="header-anchor">#</a> 项目打包</h3> <blockquote><p>vue.config.js 配置</p></blockquote> <div class="language-diff extra-class"><pre class="language-diff"><code>module.exports = {
<span class="token inserted-sign inserted"><span class="token prefix inserted">+</span><span class="token line">  publicPath: './',
</span></span><span class="token unchanged"><span class="token prefix unchanged"> </span><span class="token line"> lintOnSave: false,
</span></span></code></pre></div><p>作用：打包后index.html的依赖资源路径使用 <code>./</code> 相对路径而非使用默认的 <code>/</code>绝对路径。</p> <p>目的：在部署的时候有可能除去域名外存在二级路径，导致资源路径出现问题。</p> <ul><li>例如：部署在 <code>http://www.itcast.cn/web/</code> 下加载 <code>test.js</code> 资源
<ul><li>使用默认的 <code>/</code>  的时候 <code>http://www.itcast.cn/test.js</code>   错误</li> <li>使用配置的 <code>./</code> 的时候 <code>http://www.itcast.cn/web/test.js</code> 正确</li></ul></li></ul> <p>结论：最好配置成 <code>./</code> 的相对路径，不管部署在任何目录下加载项目需要的资源才不会出现问题。</p> <blockquote><p>线上接口切换</p></blockquote> <p>**首先：**在本地开发的时候使用的是本地服务器 <code>http://localhost:7001/</code> 但是当你在其他电脑的时候是访问不到本地服务器的。</p> <p>**然后：**需要在线部署接口服务器先，接口服务器已经提前部署完毕，地址是 <code>http://hmmm-api.itheima.net/</code> , 那么在打包的时候就需要把 axios 的基准地址替换。</p> <p>**如果：**手动的去修改的化，会略显麻烦，而且将来需要在本地测试的时候又需要修改回来，不是特别的便利，所以可以根据运行环境去区分接口地址就好了。</p> <p><strong>方案：</strong></p> <ul><li>当你执行 <code>npm run serve</code> 的时候，vue-cli在环境变量中加入了 <code>NODE_ENV=developement</code></li> <li>当你执行 <code>npm run build</code> 的时候，vue-cli在环境变量中加入了 <code>NODE_ENV=production</code></li> <li>所以只需要根据当前的环境变量的值来判断运行环境，从而去使用对应的接口地址即可。</li> <li>上面两种执行方式都是nodejs环境下运行，获取环境变量的代码：<code>process.env.NODE_ENV</code></li></ul> <div class="language-diff extra-class"><pre class="language-diff"><code>const instance = axios.create({
<span class="token inserted-sign inserted"><span class="token prefix inserted">+</span><span class="token line">  baseURL: process.env.NODE_ENV === 'developement' ? 'http://localhost:7001/' : 'http://hmmm-api.itheima.net',
</span></span><span class="token unchanged"><span class="token prefix unchanged"> </span><span class="token line"> timeout: 5000 // request timeout
</span></span>})
</code></pre></div><ul><li>vue-cli打包的时候会将 <code>process.env.NODE_ENV</code>  解析成对应的值，从而可以判断生产还是开发使用对应的地址。</li></ul> <h3 id="前端部署"><a href="#前端部署" class="header-anchor">#</a> 前端部署</h3> <blockquote><p>执行 <code>npm run build</code> 打包后得到，dist 文件夹。</p></blockquote> <p>服务器（计算机）部署</p> <ul><li>首先拥有一台外网服务器，将 dist 文件夹在这台服务器使用 web服务托管即可。</li> <li>后台去做：
<ul><li>如果是java项目，一般是后台拿到你打包的dist进行托管，使用的服务器软件可能是tomcat</li> <li>如果是php项目，一般是后台拿到你打包的dist进行托管，使用的服务器软件可能是apache</li> <li>... 也有可能直接使用 Nginx 托管 ... 等等</li></ul></li> <li>前端去做：
<ul><li>安装nodejs环境，使用 serve 这个命令行工具，即可快速托管dist文件，提供web服务。</li> <li>大致步骤：
<ul><li>有一台外网服务器</li> <li>安装 nodejs 运行环境，安装 serve 全局命令行工具</li> <li>把 dist 放置服务器上</li> <li>在 dist 目录下执行 <code>serve</code></li> <li>默认端口是 <code>5000</code> 你可以修改为其他端口</li> <li>知道服务器IP，或者进行域名配置后。</li> <li>你可使用 IP 访问，或者域名访问。</li></ul></li></ul></li></ul> <p>gitee的pages服务部署</p> <ol><li>修改 <code>.gitignore</code> 文件</li></ol> <div class="language-diff extra-class"><pre class="language-diff"><code><span class="token deleted-sign deleted"><span class="token prefix deleted">-</span><span class="token line">/dist
</span></span><span class="token inserted-sign inserted"><span class="token prefix inserted">+</span><span class="token line">#/dist
</span></span></code></pre></div><ol start="2"><li>重新提交，提交码云</li></ol> <div class="language-bash extra-class"><pre class="language-bash"><code><span class="token function">git</span> <span class="token function">add</span> <span class="token builtin class-name">.</span>
<span class="token function">git</span> commit -m <span class="token string">'dist'</span>
<span class="token function">git</span> push 仓库地址 master
</code></pre></div><ol start="3"><li>在码云托管dist</li></ol> <p><img src="/project-word/assets/img/1585904485205.ce8f6f14.png" alt="1585904485205"></p> <p><img src="/project-word/assets/img/1585904534412.7a3342f2.png" alt="1585904534412"></p> <p><img src="/project-word/assets/img/1585904565864.1a17dbba.png" alt="1585904565864"></p></div> <footer class="page-edit"><!----> <!----></footer> <div class="page-nav"><p class="inner"><span class="prev">
      ←
      <a href="/project-word/04-协同开发.html" class="prev">
        协同开发
      </a></span> <!----></p></div> </main></div><div class="global-ui"></div></div>
    <script src="/project-word/assets/js/app.1efb13a5.js" defer></script><script src="/project-word/assets/js/3.c7d8034a.js" defer></script><script src="/project-word/assets/js/5.3eab7b4c.js" defer></script>
  </body>
</html>
